
.nav {
  background: white;
}
.linkImgNav{
  position: fixed;
  right: 20rpx;
  bottom: 120rpx;
}
.linkImg{
  width: 90rpx;
  height: 90rpx;
}
.nav .navWrap {
  margin: 24rpx;
  padding: 20rpx;
  border:1px solid #909090;
  border-radius: 40rpx;
}

.nav .navWrap .title {
  font-weight: 700;
  font-size: 32rpx;
  line-height: 60rpx;
}

.nav .navWrap .navList {
  display: flex;
  flex-wrap: wrap;
  font-size: 24rpx;
}

.nav .navWrap .navList .navItem {
  padding: 10rpx 20rpx;
  margin-right: 12rpx;
  margin-bottom: 13rpx;
  border-radius: 15px;
  color: #666;
  border: 1px solid #d1d0d1;
  flex-shrink: 0;
}

.nav .navWrap .navList .navItem.active {
  background: #860020;
  border: 1px solid #860020;
  color: white;
}

.caseList {
  padding: 24rpx;
  font-size: 0;
}

.caseList .case-item {
  margin-bottom: 120rpx;
  position: relative;
  border-radius: 6px;

}

.caseList .case-item image{
  width: 100%;
  height: 460px;
  border-radius: 20rpx;
}

.info {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 120rpx;
  left: 24rpx;
  right: 24rpx;
  bottom: -80rpx;
  padding: 20rpx;
  box-sizing: border-box;
  border-radius: 75rpx;
  background: #860020;
}

.info .title {
  display: inline-block;
  margin-left: 120rpx;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 28rpx;
  font-weight: 700;
  color: white;
}

.info::after {
  content: "→";
  display: inline-block;
  margin-right: 30rpx;
  font-size: 48rpx;
  font-weight: bold;
  color: white;
}


.caseList .case-item .info .avterImg {
  display: flex;
  position: absolute;
  margin: 5rpx 15rpx;
  left: 15rpx;
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}
